body{background-color: #fff;padding: 10px;}
.padd0 {
	padding: 0;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.f36 {
	font-size: 36px;
}

.tright {
	text-align: right;
}

.tleft {
	text-align: left;
}

.center {
	text-align: center;
}

.line-through {
	text-decoration: line-through;
}

.hide {
	display: none;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	white-space: nowrap;
	-webkit-box-orient: vertical;
}

.cursor {
	cursor: pointer;
}
/* 自定义按钮颜色*/

/*启用*/
.layui-btn-enable{
	background-color: #5FB878;
}
/*禁用*/
.layui-btn-disable{
	background-color: #d83636;
}
/*新增，添加*/
.layui-btn-add{
	background-color: #009688;
}
/*编辑，修改*/
.layui-btn-edit{
	background-color: #FFB800;
}
/*详情*/
.layui-btn-info{
	background-color: #01AAED;
}
/*删除*/
.layui-btn-del{
	background-color: #FF5722;
}

.layui-btn-danger{
	background-color: #d83636;
}
/*去浮动*/
.clearfix::before,.clearfix::after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both;
}
.fr {
	float: right
}

.fl {
	float: left;
}
a:hover {
	color: initial;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #BDBDBD;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #BDBDBD;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #BDBDBD;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #BDBDBD;
}

textarea {
	resize: none;
}

.layui-tab-title li .layui-tab-close:hover{
    background-color: #239CDE;
}


/****************************{flex}*****************************/

.flex_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}


.layui-table-box {
	text-align: center;
}

.layui-table-cell {
	text-align: center;
}

.flex_start {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.flex_between {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.flex_around {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
}

.flex_center {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}


.flex {
	display: flex;
}

.flexItem_between {
	justify-content: space-between;
}

.flexItem_v {
	flex-direction: column;
}

.flexItem_h {
	flex-direction: row;
}

.flexItem_wrap {
	flex-wrap: wrap;
}

.flexItem_nowrap {
	flex-wrap: nowrap;
}

.flex_item_center {
	align-items: center;
}

.flex1 {
	flex: 1;
	/*flex-grow: 1;*/
}